<!doctype html><html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>2-3 视图分页</title>
  <meta name="generator" content="CherryTree">
  <link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body><div class="main"><div class="tree">
<p><strong>Index</strong></p>
<p><a href="笔记本--java--项目--ssm综合练习_权限管理.html">ssm综合练习 权限管理</a></p>

<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--1_数据库表预览.html">1 数据库表预览</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--2_maven聚合工程的创建.html">2 maven聚合工程的创建</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作.html">3 产品操作</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-0_数据库创建与表结构.html">3-0 数据库创建与表结构</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-1_创建实体类.html">3-1 创建实体类</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-2_持久层接口.html">3-2 持久层接口</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-3_编写业务层.html">3-3 编写业务层</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-4_web层代码.html">3-4 web层代码</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-4_web层代码--3-4-1_完善__格式化时间和状态.html">3-4-1 完善  格式化时间和状态</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-5_product-list.jsp页面制作.html">3-5 product-list.jsp页面制作</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--3_产品操作--3-6_添加产品.html">3-6 添加产品</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作.html">4 订单操作</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息.html">1 查询所有信息</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息--1-1_会员信息表和订单数据库表，旅客表.html">1-1 会员信息表和订单数据库表，旅客表</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息--1-2_实体类.html">1-2 实体类</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息--1-3_dao.html">1-3 dao</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息--1-4_service.html">1-4 service</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--1_查询所有信息--1-5_controller.html">1-5 controller</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--2_分页查询所有.html">2 分页查询所有</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--2_分页查询所有--2-1_pageHelpe的使用.html">2-1 pageHelpe的使用</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--2_分页查询所有--2-2_分页查询.html">2-2 分页查询</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--2_分页查询所有--2-3_视图分页.html">2-3 视图分页</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--4_订单操作--3_查询详情.html">3 查询详情</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限.html">5 权限</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--1_springSecurity.html">1 springSecurity</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--1_springSecurity--1_配置文件登录基础使用.html">1 配置文件登录基础使用</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--1_springSecurity--2_自定义页面.html">2 自定义页面</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录.html">2 使用springSecurity数据库验证登录</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录--1_创建数据库和实体类.html">1 创建数据库和实体类</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录--2_修改web.xml文件.html">2 修改web.xml文件</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录--3_添加springSecurity.xml.html">3 添加springSecurity.xml</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录--4_service曾接口.html">4 service曾接口</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--2_使用springSecurity数据库验证登录--5_mapper.html">5 mapper</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--3_查询所有用户.html">3 查询所有用户</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--4_添加用户.html">4 添加用户</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--4-1_添加用户加密.html">4-1 添加用户加密</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--5_权限--4-2_加密密码登录.html">4-2 加密密码登录</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--6_用户详情.html">6 用户详情</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--7_角色.html">7 角色</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--7_角色--1_添加角色.html">1 添加角色</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--8_权限查询和添加.html">8 权限查询和添加</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--9_用户和角色的关联.html">9 用户和角色的关联</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--9_用户和角色的关联--1_用户添加角色.html">1 用户添加角色</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--10_角色关联权限.html">10 角色关联权限</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--11_方法级别的权限控制.html">11 方法级别的权限控制</a></li>
<ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--11_方法级别的权限控制--1_JSR-250.html">1 JSR-250</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--11_方法级别的权限控制--2_secured.html">2 secured</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--11_方法级别的权限控制--3_表达式注解.html">3 表达式注解</a></li>
</ol>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--12_页面使用权限标签.html">12 页面使用权限标签</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--13_AOP切面通知.html">13 AOP切面通知</a></li>
<li><a href="笔记本--java--项目--ssm综合练习_权限管理--14_页面查看日志.html">14 页面查看日志</a></li>
</ol></div>
<div class="page"><h1><b><u>2-3 视图分页</u></b></h1><br /><br /><div class="codebox"><div class="codebox">&nbsp;&lt;div&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"box-footer"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"pull-left"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"form-group&nbsp;form-inline"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总共${ordersList.pages}&nbsp;页，共${ordersList.total}&nbsp;条数据。&nbsp;每页<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;select&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"form-control"</span>&nbsp;id=<span style="color:#3ad900;font-weight:400">"changePageSize"</span>&nbsp;onchange=<span style="color:#3ad900;font-weight:400">"changePageSize()"</span>&gt;<br />				&lt;option&nbsp;&lt;c:<span style="color:#ff9d00;font-weight:700">if</span>&nbsp;test=<span style="color:#3ad900;font-weight:400">"${ordersList.pageSize&nbsp;eq&nbsp;1}"</span>&gt;selected&lt;/c:<span style="color:#ff9d00;font-weight:700">if</span>&gt;&nbsp;&gt;<span style="color:#ff0044;font-weight:400">1</span>&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;&lt;c:<span style="color:#ff9d00;font-weight:700">if</span>&nbsp;test=<span style="color:#3ad900;font-weight:400">"${ordersList.pageSize&nbsp;eq&nbsp;2}"</span>&gt;selected&lt;/c:<span style="color:#ff9d00;font-weight:700">if</span>&gt;&gt;<span style="color:#ff0044;font-weight:400">2</span>&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;&lt;c:<span style="color:#ff9d00;font-weight:700">if</span>&nbsp;test=<span style="color:#3ad900;font-weight:400">"${ordersList.pageSize&nbsp;eq&nbsp;3}"</span>&gt;selected&lt;/c:<span style="color:#ff9d00;font-weight:700">if</span>&gt;&gt;<span style="color:#ff0044;font-weight:400">3</span>&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;&lt;c:<span style="color:#ff9d00;font-weight:700">if</span>&nbsp;test=<span style="color:#3ad900;font-weight:400">"${ordersList.pageSize&nbsp;eq&nbsp;4}"</span>&gt;selected&lt;/c:<span style="color:#ff9d00;font-weight:700">if</span>&gt;&gt;<span style="color:#ff0044;font-weight:400">4</span>&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;&lt;c:<span style="color:#ff9d00;font-weight:700">if</span>&nbsp;test=<span style="color:#3ad900;font-weight:400">"${ordersList.pageSize&nbsp;eq&nbsp;5}"</span>&gt;selected&lt;/c:<span style="color:#ff9d00;font-weight:700">if</span>&gt;&gt;<span style="color:#ff0044;font-weight:400">5</span>&lt;/option&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/select&gt;&nbsp;条<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"box-tools&nbsp;pull-right"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;ul&nbsp;<span style="color:#80ffbb;font-weight:400">class</span>=<span style="color:#3ad900;font-weight:400">"pagination"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;href=<span style="color:#3ad900;font-weight:400">"${pageContext.request.contextPath}/orders/findAll.do?page=1&amp;size=${ordersList.pageSize}"</span>&nbsp;aria-label=<span style="color:#3ad900;font-weight:400">"Previous"</span>&gt;首页&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a&nbsp;href=<span style="color:#3ad900;font-weight:400">"${pageContext.request.contextPath}/orders/findAll.do?page=${ordersList.pageNum-1}&amp;size=${ordersList.pageSize}"</span>&gt;上一页&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;c:forEach&nbsp;begin=<span style="color:#3ad900;font-weight:400">"1"</span>&nbsp;end=<span style="color:#3ad900;font-weight:400">"${ordersList.pages}"</span>&nbsp;var=<span style="color:#3ad900;font-weight:400">"pageNum"</span>&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a&nbsp;href=<span style="color:#3ad900;font-weight:400">"${pageContext.request.contextPath}/orders/findAll.do?page=${pageNum}&amp;size=${ordersList.pageSize}"</span>&gt;${pageNum}&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/c:forEach&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;a&nbsp;href=<span style="color:#3ad900;font-weight:400">"${pageContext.request.contextPath}/orders/findAll.do?page=${ordersList.pageNum+1}&amp;size=${ordersList.pageSize}"</span>&gt;下一页&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;a&nbsp;href=<span style="color:#3ad900;font-weight:400">"${pageContext.request.contextPath}/orders/findAll.do?page=${ordersList.pages}&amp;size=${ordersList.pageSize}"</span>&nbsp;aria-label=<span style="color:#3ad900;font-weight:400">"Next"</span>&gt;尾页&lt;/a&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/ul&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;<br />&lt;/div&gt;</div></div></div></div>
</body></html>